<!DOCTYPE html>
<html lang="en">

<head>
    <%= require('./common/head.htm') %>
</head>

<body>

    <%= require('./common/header.htm') %>

        <div id="Content">
            <div id="BackLink">
                <a href="./catalog-main.html">Return to Main Menu</a>
            </div>
            <div id="Catalog">
                <div id="Cart">
                    <h2 style="margin-left: 300px">Shopping Cart</h2>
                    <form id="cart form" action="updateCart">
                        <table style="margin-left: 250px"  id="Catalog">
                            <tr>
                                <th><b>Item ID</b></th>
                                <th><b>Product ID</b></th>
                                <th><b>Description</b></th>
                                <th><b>In Stock?</b></th>
                                <th><b>Quantity</b></th>
                                <th><b>List Price</b></th>
                                <th><b>Total Cost</b></th>
                                <th><b>&nbsp;</b></th>
                            </tr>

                            <div id="cartEmptyMsg">
                                <tr>
                                    <td colspan="8">
                                        <b>Your cart is empty.</b>
                                    </td>
                                </tr>
                            </div>
                        </table>
                    </form>
                </div>
                
                <div id="Separator">&nbsp;</div>
            </div>
        </div>

        <%= require('./common/footer.htm') %>


</body>

</html>

